import React,{useState,useEffect} from 'react'
import style from './style.module.css'
import {useNavigate} from 'react-router-dom'
export default function Input(props) {
  const [value,setValue] = useState([''])
  const navigate = useNavigate();
  //定义ref
  const inputRef = React.createRef();
  useEffect(()=>{
    //进入搜索框界面--自动获取焦点
      inputRef.current.focus();

  },[])
  //获取输入的值----------------------------------------
  function changeInput(e){
    // console.log(e);
    setValue(e.target.value)

  }
  
  function getKeyCode(e){
    //当输入回车事件--- 把输入框内容 给父组件
    // if(e.keyCode===13){
      props.getInputVal(value)
    // }
  }
  return (
    <>
        <input type="text" ref={inputRef} onKeyUp={getKeyCode} value={value} onChange={changeInput} className={style.input}  />
    </>
  )
}
